*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font-family: "Microsoft YaHei";}

.container{width:1200px;}
.container_detail{width:990px;margin-left:auto;margin-right:auto;}
.header{position:absolute;top:0;right:0;width:100%;z-index:9;padding-top:30px;padding-bottom:30px;}
.header .logo{float:left;padding-top:15px}
.header .logo img{width:200px}
.header .right{float:right; position:relative;}
.header .tel{color:#fff;font-size:2rem;text-align:right}
.header.product .tel{ color:#0E48A4;}
.header .tel small{font-size:.58em;font-weight:100;margin:0 8px;vertical-align:2px;letter-spacing:2px}
.header .tel strong{}
.header .tel:before{font-size:.65em;content:'\e632';font-family:iconfont}
.header .nav{padding-top:2px}
.header .nav li{float:left;padding:0 28px;position:relative}
.header .nav li:after{content:'|';position:absolute;right:0;top:2px;color:#fff;font-size:.75rem}
.header.product .nav li:after{color:#0E48A4;}
.header .nav li a{font-weight:100;color:#fff;font-size:1rem;display:inline-block;padding-bottom:2px;}
.header.product .nav li a{ color:#0E48A4;}
.header .nav li a:hover{color:#fff;border-bottom:solid 1px #fff;font-weight:bold}
.header.product .nav li a:hover{color:#0E48A4;border-bottom:solid 1px #0E48A4;}
.header .nav li:last-child{padding-right:0}
.header .nav li:last-child:after{content:''}
.banner{height:770px;}
.banner .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: #fff;
    display: flex;
    align-items: center;
    text-align: center;

    justify-content: center;
}
.banner .bg img {
    height:auto; width:100%;
}


.banner .swiper-pagination-bullet {
    opacity: 1;
}


.banner .mask p {
    font-size: 1.5rem;

}

.banner .mask h1 {
    font-size: 3rem;
    line-height: 2;

}

.banner .pa-mask .more-link {
    margin: 0 auto;
}

.banner .swiper-button-next, .banner .swiper-button-prev {
    background-size: 20%;
    width: 50px;
    height: 50px;
    background-color: #ec6c00;
    border-radius: 50%;
    right: 30px;
    top: 50%;
    margin-top: -25px;
    opacity: .5;
}

.banner .swiper-button-prev {
    left: 30px;
}

.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover {
    opacity: 1;
}

.banner .swiper-pagination-bullet {
    background-color: #fff;
}

.banner .swiper-pagination-bullets {
    bottom: 5% !important;
}

.banner .swiper-pagination-bullet-active {
    background-color: #ec6c00;
}

/*.banner .swiper-wrapper {
    transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
}*/

.banner .swiper-slide img {
    webkit-transition: all 20s linear;
    -moz-transition: all 20s linear;
    -o-transition: all 20s linear;
    -ms-transition: all 20s linear;
    transition: all 20s linear;
}
/**产品详情滚动**/
.goods-img {box-shadow: 0 0 6px 1px rgba(0,0,0,0.2);}
.goods-img .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: #fff;
    display: flex;
    align-items: center;
    text-align: center;

    justify-content: center;
}
.goods-img .bg img {
    height:auto; width:100%;
}


.goods-img .swiper-pagination-bullet {
    opacity: 1;
}


.goods-img .mask p {
    font-size: 1.5rem;

}

.goods-img .mask h1 {
    font-size: 3rem;
    line-height: 2;

}

.goods-img .pa-mask .more-link {
    margin: 0 auto;
}

.goods-img .swiper-button-next, .goods-img .swiper-button-prev {
    background-size: 20%;
    width: 50px;
    height: 50px;
    background-color: #000;
    border-radius: 50%;
    right: 20px;
    top: 50%;
    margin-top: -25px;
    opacity: .5;
}

.goods-img .swiper-button-prev {
    left: 20px;
}

.goods-img .swiper-button-prev:hover, .goods-img .swiper-button-next:hover {
    opacity: 1;
}

.goods-img .swiper-pagination-bullet {
    background-color: #ccc;
}

.goods-img .swiper-pagination-bullets {
    bottom: 5% !important;
}

.goods-img .swiper-pagination-bullet-active {
    background-color:#3c90ef;
}

.goods-img .swiper-slide img {
    webkit-transition: all 20s linear;
    -moz-transition: all 20s linear;
    -o-transition: all 20s linear;
    -ms-transition: all 20s linear;
    transition: all 20s linear;
	width:100%; height:auto;
}

/**下来菜单**/
.ui-menu-fixed {
	right:0;
	transition: all 0.44s ease 0s;
	-webkit-transition: all 0.44s ease 0s;
}
.ui-menu-fixed {
	position: fixed;
	right: -100%;
	width: 66%;
	top: 0;
	z-index: 999;
	height: 100%;
	background-color: #fff;
	transition: all 0.64s ease 0s;
	-webkit-transition: all 0.64s ease 0s;
	display: -webkit-box;
	display:-moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction:column;
}
.ui-menu-fixed .m-header {
	z-index:100;
}
.ui-menu-fixed .m-header, .ui-menu-fixed .ui-menu-down li .return-p {
	height:60px;
	line-height:60px;
	background-color:#388eef;
	position:relative;
}
.ui-menu-fixed .m-header .searchform-wrapper {
	margin:0 10px;
	height:36px;
	position:relative;
	top:12px;
	overflow:hidden;
}
.ui-menu-fixed .m-header .ui-menu-close {
	position:absolute;
	width:18px;
	height:30px;
	width:30px;
	right:0;
	top:50%;
	margin-top:-15px;
	cursor:pointer;
	z-index:10;
transition:all .5s;
-webkit-transition:all .5s;
	cursor:pointer;
}
.ui-menu-fixed .m-header .ui-menu-close i {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.ui-menu-fixed .m-header .ui-menu-close i:after {
	content:"\200B";
	display:block;
	position:absolute;
	width:17px;
	height:1px;
	border-radius:.5px;
	background: #fff;
	z-index:1;
	left:7px;
}
.header.product .ui-menu-btn .menu-box i{background: #0E48A4;}
.ui-menu-fixed .m-header .ui-menu-close i:nth-child(1) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.ui-menu-fixed .m-header .ui-menu-close i:nth-child(1):after {
top:14px;
}
.ui-menu-fixed .m-header .ui-menu-close i:nth-child(2) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.ui-menu-fixed .m-header .ui-menu-close i:nth-child(2):after {
bottom:14px;
}
.ui-menu-fixed .m-header .search {
	position:absolute;
	height:36px;
	background-color:rgba(255, 255, 255, .1);
	left:0;
	right:50px;
	top:0;
	bottom:0;
	margin:auto;
	border-radius: 8px;
	padding-left:30px;
transition:all .5s;
-webkit-transition:all .5s;
}
.ui-menu-fixed .m-header .search .search-btn {
	position:absolute;
	width:26px;
	height:100%;
	left:0;
	top:0;
	background-position:center;
	background-size:13px 13px;
	background-repeat:no-repeat;
	background-image:url(/_statics/skin/themes/images/image_small.svg);
}
.ui-menu-fixed .m-header .search input {
	width:100%;
	color:white;
	padding-right:30px;
	float:left;
	background:none;
	border:none;
	height:36px;
	visibility:visible;
	line-height:normal;
	font-size:16px;
	outline:none;
}
.ui-menu-fixed .m-header .search input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #ccc;
}
.ui-menu-fixed .m-header .search .searchform-cancel {
	position:absolute;
	right:0;
	top:0;
	width:30px;
	height:100%;
	z-index:10;
	display:none;
}
.ui-menu-fixed .m-header .search .searchform-cancel:after {
	position:absolute;
	content:"\200B";
	width:15px;
	height:16px;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	background-size: 15px 16px;
	background-repeat: no-repeat;
	background-image:url(/_statics/skin/themes/images/reset_small.svg);
}
.ui-menu-fixed .m-header .width-reset .search .searchform-cancel {
	display:block;
}
.ui-menu-fixed .m-header .width-reset .search {
	right:0px;
}
.ui-menu-fixed .m-header .width-reset .ui-menu-close {
	right:-30px;
}
.ui-menu-fixed .ui-menu-box {
	flex:1;
	overflow:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}
.ui-menu-fixed .ui-menu-box.lock {
	overflow:hidden !important;
}
.ui-menu-fixed .ui-menu-down ul {
	box-sizing:border-box;
	padding-bottom:60px;
}
.ui-menu-fixed .ui-menu-down li {
	line-height: 60px;
	width: 100%;
	border-bottom: 1px solid #f2f2f2;
}
.ui-menu-fixed .ui-menu-down li a {
	display:block;
	padding:0 8%;
	font-size:16px;
	color:#666;
	position:relative;
}
.ui-menu-fixed .ui-menu-down li.sub>a:after {
	content:"\200B";
	float:right;
	width:12px;
	height:12px;
	margin-top:26px;
	background-image:url(/_statics/skin/themes/images/gt.png);
	background-size:contain;
	background-position: center;
	background-repeat: no-repeat;
}
.ui-menu-fixed .ui-menu-down li .return-p:after {
	display:none;
}
.ui-menu-fixed .ui-menu-down li ul {
	background:white;
	position:absolute;
	width:100%;
	height:100%;
	right:-100%;
	padding-top:60px;
	top:0;
	z-index:10;
	transition: all 0.44s ease 0s;
	-webkit-transition: all 0.44s ease 0s;
	overflow:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}
.ui-menu-fixed .ui-menu-down li.open>ul {
	transform:translateX(-100%);
	-webkit-transform:translateX(-100%);
}
.ui-menu-fixed .ui-menu-down li a.return-p {
	color:#fff;
	cursor:pointer;
}
.ui-menu-down li .return-p span {
	background-image:url(/_statics/skin/themes/images/lt.png);
	background-position:left center;
	background-repeat: no-repeat;
	padding-left:20px;
	display:block;
}
.ui-menu-btn {
	width:46px;
	height:46px;
	position:absolute;
	overflow:hidden;
	right:2%;
	top:50%;
	margin-top:-23px;
	cursor:pointer;
	display:none;
	z-index:999;
}
.ui-menu-btn .menu-box {
	width:20px;
	height:15px;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
}
.detail-type-wrapper{
	height:50px;
}
@media only screen and (max-width:1400px) {
	.banner{ height:auto;}
}
@media only screen and (max-width:700px) {
.header.active{ padding-top:0px;}
.header.active{ position:fixed; height:60px;}
.header.active .logo img{width:130px;}
.header .right{ display:none;}
.header.active{ background-color:#388eef;}
.ui-menu-btn{
display:block;
}

}

.ui-menu-btn .menu-box i {
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:2px;
	width:100%;
	background:#fff;
transition:all .5s;
-webkit-transition:all .5s;
}
.ui-menu-btn .menu-box i:nth-child(1) {
width:60%;
}
.ui-menu-btn .menu-box i:nth-child(2) {
top:6px;
}
.ui-menu-btn .menu-box i:nth-child(3) {
width:80%;
top:13px;
}
html.active .ui-menu-btn .menu-box i {
	width:100%;
}
html.active .ui-menu-fixed {
	right:0;
	transition: all 0.44s ease 0s;
	-webkit-transition: all 0.44s ease 0s;
}
/*结束*/

.headera{position:absolute;top:0;right:0;width:100%;z-index:9;padding-top:30px;padding-bottom:30px;}
.headera .logo{float:left;padding-top:5px}
.headera .logo img{}
.headera .right{float:right}
.headera .tel{color:#0E48A4;font-size:2rem;text-align:right}
.headera .tel small{font-size:.58em;font-weight:100;margin:0 8px;vertical-align:2px;letter-spacing:2px;font-weight:500}
.headera .tel strong{}
.headera .tel:before{font-size:.65em;content:'\e632';font-family:iconfont}
.headera .nav{padding-top:2px}
.headera .nav li{float:left;padding:0 28px;position:relative}
.headera .nav li:after{content:'|';position:absolute;right:0;top:2px;color:#0E48A4;font-size:.75rem}
.headera .nav li a{font-weight:100;color:#0E48A4;font-size:1rem;display:inline-block;padding-bottom:2px;font-weight:500}
.headera .nav li a:hover{color:#0E48A4;border-bottom:solid 1px #0E48A4;font-weight:bold}
.headera .nav li:last-child{padding-right:0}
.headera .nav li:last-child:after{content:''}

.home-banner{position:relative}
.home-banner img{width:100%}
.home-banner .text{position:absolute;top:45%;left:0;width:100%;color:#fff}
.home-banner .text h3{text-align:center;font-size:3.5rem;font-weight:100}
.home-banner .text h4{text-align:center;font-size:1.38rem;font-weight:100;letter-spacing:1px;margin:10px 0 9px}
.home-banner .text p{max-width:360px;margin:5px auto;font-size:1rem;font-weight:100;letter-spacing:1px}
.gray-bg{background:#f0f0f0}
.product-type{margin-top:30px;background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,0.2)}
.product-type ul{padding:10px}
.product-type li{padding:10px 0;float:left;position:relative;text-align:center;width:12.5%}
.product-type li a{font-size:1.0rem; color:#000;}
.product-type li a:hover{color:#388eef}
.product-type li:after{content:'|';position:absolute;right:0;top:13px;color:#555;font-size:.875rem}
.product-type li:nth-child(8):after,
.product-type li:last-child:after{content:''}
.title-1{position:relative;text-align:center;margin:30px 0 50px}
.title-1 strong{font-size:1.9rem;font-weight:400}

.title-1:after{content:'';position:absolute;bottom:-15px;left:50%;margin-left:-23px;width:46px;height:8px;background:#388eef}
.title-2{position:relative;text-align:center;margin:10px 0 20px;font-size: 14px;color: #666;line-height: 25px;text-align: center;padding-bottom: 10px;border-bottom: #d1d1d1 1px dashed;}
.title-2 strong{font-size:1.9rem;font-weight:400;margin-bottom: 15px;}
.title-2 p{padding:3px 0;color:#666;font-size:.75rem}
.title-3{position:relative;text-align:center;margin:30px 0 50px}
.title-3 strong{font-size:1.9rem;font-weight:400;color:#fff}
.title-3 p{padding:3px 0;color:#fff;font-size:.75rem}
.title-3:after{content:'';position:absolute;bottom:-15px;left:50%;margin-left:-23px;width:46px;height:8px;background:#fff}

.product-list.gray {padding:0px 0}
.product-list li{width:32%;float:left;background:#fff;box-shadow:0px 0px 5px #ccc;margin-right:2%;margin-bottom:30px;transition;all .5s;-webkit-transition:all .5s;}
.product-list li p{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}


.product-list ul li .li_box{position:relative; overflow:hidden;}
.product-list ul li .li_box{min-height:6px;}
.product-list li .li_line{width:0; height:5px; background:#388eef; position:absolute; left:0; bottom:0; transition:all 0.5s ease;}
.product-list li:hover .li_line{width:100%;}
.product-list li:hover{box-shadow:0px 5px 10px 1px #bbb;transform:translate3D(-10px,0,0);-webkit-transform:translate3D(0,-10px,0)}


.product-list li:nth-child(3),
.product-list li:nth-child(6),
.product-list li:nth-child(9),
.product-list li:nth-child(12),
.product-list li:nth-child(15),
.product-list li:nth-child(18),
.product-list li:nth-child(21){margin-right:0}
.product-list li .name{text-align:right;padding-bottom:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin: 18px 20px 0 20px;}
.product-list li .name strong{font-size:1.3rem;display:block}
.product-list li .name span{font-size:.8rem;color:#666}
.product-list li .photo{height:258px;text-align:center;display:flex;align-items:center;justify-content:center;margin: 0px 20px 0 20px; overflow:hidden;}
.product-list li .photo img{max-width:100%; height:auto;object-fit: cover;}
.product-list li:hover .photo img{transform:scale(1.05,1.05);transition:transform .5s ease}

.clearFix i{position: absolute;z-index:9999999;}



.product-list li .button{padding-top:12px;margin: 0px 20px 18px 20px; }
.product-list li .button span,
.product-list li .button a{display:inline-block;background:#e8e8e8;text-align:center;width:47%;padding:6px 0;color:#777;cursor:pointer}
.product-list li .button span:hover,
.product-list li .button a:hover{background:#388eef;color:#fff}
.product-list li .button a{float:right}
.product-list li .button span:before{content:'\e764';font-family:iconfont;margin-right:5px}
.product-list li .button a:before{content:'\e602';font-family:iconfont;margin-right:5px}



.scene-list{}
.scene-list li{float:left;width:32%;margin:0 2% 20px 0}
.scene-list li:nth-child(3),
.scene-list li:nth-child(6),
.scene-list li:nth-child(9){margin-right:0}
.scene-list li .photo{ overflow:hidden;}
.scene-list li .photo img{width:100%;height:250px}
.scene-list li .name{background:#fff;margin-top:20px;box-shadow:0 0 6px 1px rgba(0,0,0,0.2);text-align:center;padding:10px;font-size:1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.scene-list li:hover img{transform:scale(1.05,1.05);transition:transform .5s ease}
.scene-list li .name:hover{background:#f9f9f9}
.home-case li{position:relative;float:left;text-align:center;display:flex;justify-content:center;align-items:center;height:170px;width:20%;margin-bottom:20px;background:#fff}
.home-case li:after{content:'';width:2px;height:30%;position:absolute;top:35%;right:0;background: #ddd}
.home-case li img{max-width:100%}
.detail-banner .cm_middle{width:1000px;margin-left:auto;margin-right:auto;}


@media screen and (max-width: 1200px){
	.home-case li img{max-width:90%; height:auto;}
	.detail-banner .cm_middle{ width:90%;}
	
}
.home-case li:hover img{transform:scale(1.1,1.1);transition:transform .6s ease}
.home-case li:nth-child(5):after,
.home-case li:nth-child(10):after,
.home-case li:nth-child(15):after{display:none}
.home-m-call{background: url(../images/mtel.png) repeat-x;padding:20px 0 80px;background-size: 100% 100%;}
.home-m-call h2{font-size:2.4rem;text-align:center;color:#fff}
.home-m-call input[type=text]{display:block;margin:30px auto;width:700px;background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,0.2);border:0;padding:15px 9px;text-align:center;font-size:1.4rem;}
.home-m-call input[type=submit]{background:#f39800;color:#fff;width:260px;padding:14px 0;margin:0 auto;display:block;font-size:1.2rem}
.home-m-call input[type=submit]:hover{background:#3484df}
.home-m-call input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #fff;font-size:16px;}
.home-m-call .tips{text-align:center;color:#fff;line-height:3;font-size:18px;}
.home-call{background:#f0f0f0;padding:20px 0 80px}
.home-call h2{font-size:2.4rem;text-align:center}
.home-call input[type=text]{display:block;margin:30px auto;width:700px;background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,0.2);border:0;padding:15px 9px;text-align:center;font-size:1.2rem;}
.home-call input[type=submit]{background:#388eef;color:#fff;width:260px;padding:14px 0;margin:0 auto;display:block;font-size:1.2rem}
.home-call input[type=submit]:hover{background:#3484df}
.home-call input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #333;font-size:16px;}
.home-call .tips{text-align:center;color:#000;line-height:3;font-size:18px;}
.imgZoom img,
.imgY180 img {-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s;-webkit-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.imgZoom:hover img {-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}


.flexslider{margin:40px auto;position:relative;width:500px;height:384px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:0px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
.carousel-item {}



.footer{color:#fff;background:#333;padding:30px 0}
.footer a{color:#bbb}
.footer h3{padding-bottom:12px;border-bottom:solid 1px #d2d2d2;margin-bottom:12px}
.footer .f-nav{float:left;width:350px}
.footer .f-nav h3{margin-right:40px}
.footer .f-nav ul{}
.footer .f-nav li{float:left;width:25%;margin:9px 0}
.footer .f-nav li a:hover{color:#fff}
.footer .f-contact{float:left;width:300px;margin-left:90px}
.footer .f-contact p{padding:9px 0;color:#bbb;letter-spacing:0px}
.footer .f-call{float:right}
.footer .f-call h4{text-align:right;font-size:2rem;color:#fff}
.footer .f-call h5{text-align:right;font-size:1.2rem}
.footer .f-call h5:before{font-size:.8em;content:'\e61b';font-family:iconfont;margin-right:9px}
.footer .f-call h6{background:#b2b2b2;width:230px;text-align:center;font-size:1.2rem;color:#525252;padding:9px 0;margin-top:20px;cursor:pointer}
.footer .f-call h6:hover{background:#ccc}
.footer .f-call h6 a{color:#525252}
.footer .f-call h6.tel:before{content:'\e764';font-family:iconfont;margin-right:5px}
.footer .f-call h6.advisory:before{content:'\e602';font-family:iconfont;margin-right:5px}
.copyright{background:#fff;padding:10px 0;text-align:center}
.fixed-r{position:fixed; display:none;right:0px;bottom:42%;border-radius: 8px;
    overflow: hidden; z-index:100;}
.fixed-r >div{width:88px;height:88px;text-align:center;background:#3484df;margin-bottom:5px;color:#fff;cursor:pointer;border-radius:8px;font-size:1.1rem;font-weight: 500;}
.fixed-r >div a{color:#fff}
/* .fixed-r >div:hover{background:#f39800;color:#fff;position:relative} */
.fixed-r >div:first-child{background:#f39800;color:#fff;position:relative}
.fixed-r >div:before{font-size:2.1rem;font-family:iconfont;display:block}
.fixed-r >div.bc:before{background:#f39800;}
.fixed-r >div.zx:before{content:'\e631'}
.fixed-r >div.dh:before{content:'\e632'}
.fixed-r >div.top{background:#ddd;height:50px}
.fixed-r >div.top:before{content:'\e816'}
.free-popup{position:fixed;z-index:100; display:none; background: rgba(74, 139, 254, 0.8);width:500px;height:362px;background:url("../images/free-bg1.png"); background-repeat:no-repeat; background-size:cover; left:50%; top:50%;transform: translate(-50%,-50%);}
.free-popup .close{position:absolute;top:8px;right:8px;width:45px;height:45px;cursor: pointer;}
.free-popup .form input[type=text]{width:400px;height:46px;background:transparent;border:0;text-align:center;position:absolute;top:192px;left:50px;font-size:1.2rem;color:#666;}
.free-popup .form ::-webkit-input-placeholder{color:#fff}
.free-popup .form input[type=submit]{width:230px;height:46px;background:transparent;position:absolute;top:272px;left:135px;color:#fff;font-size:1.4rem;font-weight:500}
.free-popup .form input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #333;font-size:16px;},
.free-popup .form .tips{color:#fff;font-size:12px;position:absolute;top:245px;left:50px;}
.free-popup.visible{z-index:960;transition-property:transform, opacity;transition-duration:.2s}
.free-popup .tips{text-align: center;color: #FFf;line-height: 1.5; position: relative;bottom: -324px;font-size: 18px;}

@media screen and (max-width: 600px){
	.free-popup{ width:300px; height:217px;}
	.free-popup .close{ width:30px; height:30px;}
	.free-popup .form input[type=text]{width:250px;height:26px;top:115px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);font-size:0.8rem;}
	.free-popup .form input[type=submit]{width:130px;height:26px;top:163px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);font-size:0.8rem;}
}


.page-banner{position:relative}
.page-banner img{width:100%}
.page-banner .common{position:absolute;top:38%;left:0;width:100%;text-align:center}
.page-banner .common strong{font-size:2.8rem;font-weight:400;color:#fff}
.page-banner .common p{padding:3px 0;color:#fff;font-size:1.5rem}
.page-banner .common:after{content:'';position:absolute;bottom:-35px;left:50%;margin-left:-23px;width:46px;height:8px;background:#fff}
.detail-banner{position: relative;background:url(../images/banner-detail.jpg) repeat-x;background-repeat: no-repeat;background-size: 100% 100%; background-position: center;padding-top: 130px; overflow:hidden; padding-bottom:5%;}

.detail-banner .info{float:right; width:350px;}
.detail-banner .info h1{color:#0f4ca5;padding-bottom:15px ;margin-top: 55px;}
.detail-banner .info .nr{color:#3484df;font-size:14px;line-height:1.8; width:100%;}
.detail-banner .info .contact{color:#104ca5;}
.detail-banner .info .tel{margin:30px 0 0 0px;padding-left:50px;position:relative}
.detail-banner .info .tel span{font-size:1rem}
.detail-banner .info .tel strong{font-size:2rem;display:block;line-height:1}
.detail-banner .info .tel:before{content:'\e632';font-family:iconfont;font-size:2.5rem;position:absolute;top:0;left:0}
.detail-banner .info .button{margin-top:30px;margin-left:0px;}
.detail-banner .info .button a{display:inline-block;background:#f39800;color:#fff;padding:5px 30px;border-radius:9px;font-size:1.1rem;cursor:pointer;}
.detail-banner .info .button span{display:inline-block;background:#3c90ef;color:#fff;padding:5px 40px;border-radius:9px;font-size:1.1rem;margin-left:20px;cursor:pointer;}
.detail-banner .goods-img{position:relative;float:left; width:500px; margin-top:40px;}


.detail-banner .button a:before{content:'\e764';font-family:iconfont;margin-right:5px}
.detail-banner .button span:before{content:'\e602';font-family:iconfont;margin-right:5px}




.news-list{padding-top:50px}
.news-list .good{padding:14px 18px;background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,0.2)}
.news-list .good img{float:left;width:240px;height:auto;object-fit: cover;
 object-position: top center;}
.news-list .good .info{float:left;width:calc(100% - 240px);padding:6px 0 6px 20px}
.news-list .good .info strong{font-size:1rem;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-list .good .info p{line-height:2;padding-top:9px;font-size:1rem}
.news-list .good:hover {box-shadow:0 0 15px 3px rgba(0,0,0,0.3);transition:all .5s ease}
.news-list .good:hover strong{color:#4a8bfe}
.news-list .good:hover img{transform: scale(1.05,1.05);transition:all .5s ease}
.news-list ul{margin:20px auto 50px}
.news-list li{margin-bottom:15px;padding:14px 18px;background:#fff;box-shadow:0 0 2px 1px rgba(0,0,0,0.1)}
.news-list li .date{float:left;width:110px}
.news-list li .date strong{display:block;color:#999;font-size:2.2rem;font-weight:500;padding-bottom:5px}
.news-list li .date span{color:#999;font-size:1.2rem}
.news-list li:hover {box-shadow:0 0 15px 3px rgba(0,0,0,0.3);transition:all .5s ease}
.news-list li:hover .date strong,
.news-list li:hover .date span {color:#388eef}
.news-list li .info{float:left;width:calc(100% - 110px);padding:6px 0 6px 20px}
.news-list li .info strong{font-size:.875rem;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}
.news-list li .info p{line-height:1.7;padding-top:9px;color:#888; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.arctic-contact{box-shadow:0 0 6px 1px rgba(0,0,0,0.1);margin:50px 0px 20px 0 }
.arctic-contact .info{background:#fff;padding:50px;box-sizing:border-box;-webkit-box-sizing:border-box;}
@media screen and (max-width: 650px){
	.arctic-contact .info{padding:20px;}
}
.arctic-contact .info ul{margin:20px 0}
.arctic-contact .info li{padding:9px 0;font-size:1.1rem}
.arctic-contact .info strong{color:#555;display:inline-block;font-weight:500}
.arctic-contact .info span{color:#3c90ef}
.arctic-contact p {line-height: 2;font-size:14px;padding-bottom: 20px;}

.arctic-list{padding:0px 0px 50px 0}
.arctic-list li{float:left;width:32%;margin:0 2% 20px 0}
.arctic-list li:nth-child(3),
.arctic-list li:nth-child(6),
.arctic-list li:nth-child(9){margin-right:0}
.arctic-list li .photo{}
.arctic-list li .photo img{width:100%;height:250px}
.arctic-list li .name{background:#fff;margin-top:20px;box-shadow:0 0 6px 1px rgba(0,0,0,0.2);text-align:center;padding:10px;font-size:1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.arctic-list img {margin-right: 25px;}
.arctic-list li:hover img{transform:scale(1.05,1.05);transition:transform .5s ease ;}
.arctic-list li .name:hover{background:#388eef;color:#fff}
.sl{background:url("../images/news_i_ico1.png")}


.case-type{margin-top:30px;background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,0.2)}
.case-type ul{padding:10px}
.case-type li{float:left;position:relative;text-align:center;width:16.5%;font-size:1.1rem}
.case-type li a:hover,
.case-type li.cur a{color:#388eef}
.case-type-wrapper.fixed {position:fixed;top:5px;right:0;left:0;z-index:100;}
.case-type-wrapper.fixed .case-type {margin-top:0;}
.case-list .title-photo{margin:40px auto}
.case-list .title-photo img{width:100%}
.case-list li{float:left;width:24%;margin-right:1.25%;text-align:center;margin-bottom:50px}
.case-list .image{display:flex;text-align:center;justify-content:center;align-items:center;height:130px;background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,0.1); overflow:hidden;}
.case-list .image img{max-width:90%; max-height:90%;}
.case-list .name{font-size:1rem;padding-top:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.case-list li:hover img{transform:scale(1.1,1.1);transition:transform .6s ease}
.case-list li:nth-child(4),
.case-list li:nth-child(8),
.case-list li:nth-child(12),
.case-list li:nth-child(16){margin-right:0}
.detail-about p{line-height:2;font-size:1.028rem;padding-bottom:20px}
.about_detail{width:1174px;font-size: 1.4rem;margin: 30px auto 10px;}
.detail-about{font-size:1.4rem;margin:30px auto 10px}
.detail-about:after{content:'';display:block;width:40px;height:7px;}

@media screen and (max-width: 1200px){
	  .about_detail{width:90%; margin:0px auto; }
	  
}
.scene-about{padding:0px}
.scene-about li{float:left;width:48%;margin:0 4% 20px 0}
.scene-about li:nth-child(2n){margin-right:0}
.scene-about li .photo{}
.scene-about li .photo img{width:100%;height:250px}
.scene-about li .imgZoom{ overflow:hidden;}
.scene-about li .imgZoom img{width:100%;}

.scene-about li .name{background:#fff;margin-top:20px;margin-bottom: 20px;box-shadow:0 0 6px 1px rgba(0,0,0,0.2);text-align:center;padding:10px;font-size:1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.scene-about li:hover img{transform:scale(1.05,1.05);transition:transform .5s ease;object-fit: cover;
 object-position: top center;}
.scene-about li .name:hover{background:#f9f9f9}

.page-contact{background:#fff url("../images/contact.jpg") no-repeat ;box-shadow:0 0 6px 1px rgba(0,0,0,0.1);margin:50px auto;}
.page-contact .info{float:left;padding:84px 100px 40px 100px}
.page-contact .info ul{margin:0px 0}
.page-contact .info li{padding:9px 0;font-size:1.28rem;}
.page-contact .info strong{color:#555;display:inline-block;padding:0 150px 0 35px;font-weight:500;font-family:SimHei}
.page-contact .info span{color:#555}
.detail-type{margin-top:30px;background:#fff;box-shadow:0 0 6px 1px rgba(0,0,0,0.2);}
.detail-type.fixed{ position:fixed; width:990px; left:0px; right:0px; top:5px; margin-top:0px; margin:auto;}
.detail-type ul{padding:10px}
.detail-type li{float:left;position:relative;text-align:center;width:25%;font-size:20px;font-weight:900;}
.detail-type li a:hover,
.detail-type li.cur a{color:#388eef}
.detail-type-wrapper.fixed {position:fixed;top:5px;right:0;left:0;z-index:100;}
.detail-type-wrapper.fixed .detail-type {margin-top:0;}
.detail-title{font-size:1.4rem;margin:30px auto 30px}
.detail-title:after{content:'';display:block;width:40px;height:7px;background:#388eef;margin-top:9px}
.detail-movie{text-align:center;padding:20px 0}
.detail-movie video{width:600px;height:auto;}
.detail-intro h3{font-size:1rem;padding-bottom:12px}
.detail-intro p{line-height:2;font-size:.875rem;}
.detail-intro img{max-width:100%}
.detail-intro table th{background:#3c90ef;color:#fff;font-size:12px;text-align:center;font-weight:100;vertical-align:middle}
.detail-intro table td{font-size:16px}

.show{ width:1014px;}
.d_table{width: 100%; overflow-x: auto;}
.d_table table{ width:100%; min-width:990px;}
.detail-about img{ max-width:100%;}

/**分页器**/
.pagelist{ color:#767676; text-align:center; font-size:14px; padding-top:2%; margin-bottom:5%;}
.pagelist a{ color:#333331; display:inline-block;padding:0 14px; height:34px; line-height:34px; background:#f8f8f8; margin: 4px}
.pagelist a.current, .pagelist a:hover{ color:#fff; background:#3484df; border-color:#3484df;}
.pagelist a.disabled{background:#f8f8f8;color:#ccc;border-color:#dedede;cursor: not-allowed;}
.pagelist input{ width:50px; border:1px solid #dcdcdc; height:30px;}
.pagelist span{ padding:0 4px; margin-right: 4px}
.pagelist .turn{ border:none;}
.pagelist .turn:hover{color:#767676; background:none;  border:none;}
.pagelist span{ color:#333331; display:inline-block; padding:0 12px; height:32px; line-height:32px; border:1px solid #bdbcbc;}
.pagelist select{height:32px; line-height:32px; border:1px solid #bdbcbc; width:58px;}
@media only screen and (max-width:640px) {
	.pagelist a{ padding:0px 3px}
	.pagelist a.current, .pagelist a:hover{ background:none;color:#009fe8;}
	.pagelist a.pagefirst,
	.pagelist a.pageend{ display:none;}
}
/**end**/


@media (max-width:1200px){
  .container_detail,.container{width:95%;box-sizing:border-box;-webkit-box-sizing:border-box;}
  .detail-type-wrapper{ margin-left:12px; margin-right:12px;}
  .container_detail{box-sizing:border-box;-webkit-box-sizing:border-box;}
  .header{padding-top:20px;padding-bottom:20px}
  .header .logo{padding-top:10px}
  
  .header .tel{font-size:1.6rem}
  .header .nav{padding-top:2px}
  .header .nav li{padding:0 20px}
  .header .nav li a{font-size:.875rem}
  .home-banner .text{top:40%}
  .home-banner .text h3{font-size:2.3rem}
  .home-banner .text h4{font-size:1.1rem}
  .home-banner .text p{font-size:.75rem}
  .scene-list{margin-top:30px}
  .scene-list li{float:left;width:32%;margin:0 2% 20px 0}
  .scene-list li .photo img{height:22vw}
  .detail-banner .goods-img{width:50%;}
  .detail-banner .info{width:35%}
  .detail-banner .info .contact,.detail-banner .info .tel{ margin-left:0px;}
  .detail-banner .info .button{ margin-left:0px;}
  .detail-banner .info .button a{ margin-left: 0px;}
  .detail-banner .info h1{ margin-bottom:10px; padding-bottom:0px;}
  .detail-banner .info .tel{ margin-top:10px;}
  .detail-banner .info .button a,.detail-banner .info .button span{ padding:5px 10px;}
    .footer .f-nav{width:38%}
	.footer .f-contact{float:left;width:34%;margin-left:1%}
  .footer .f-contact p{letter-spacing:0}
  .footer .f-call{width:27%}
  .footer .f-call h4{font-size:1.5rem}
  .footer .f-call h5{font-size:1rem}
  .footer .f-call h6{width:100%;font-size:1rem}
}
@media (max-width:1024px){
  .header .logo{padding-top:13px}

  .header .nav li{padding:0 18px}
  .home-banner .text{top:45%}
  .home-banner .text h3{font-size:1.6rem}
  .home-banner .text h4{font-size:1.1rem}
  .home-banner .text p{font-size:.75rem;max-width:100%;text-align:center}
  .product-type li a{font-size:.875rem}
  .title-1 strong{font-size:1.7rem}
  .title-2 strong{font-size:1.7rem}  
  .title-3 strong{font-size:1.7rem}
  .product-list li {padding:10px}
  .product-list .title-photo img{ max-width:100%;}
  .product-list li .name{padding-bottom:10px}
  .product-list li .name strong{font-size:1rem}
  .product-list li .name span{font-size:.75rem}
  .product-list li .photo{height:30vw}
  .product-list li .button{padding-top:10px;font-size:12px}
  .scene-list li .name{font-size:.875rem;margin-top:12px;padding:8px 0}
  .home-case li{height:16vw;width:19%;margin-bottom:10px}

  .footer .f-nav h3{margin-right:0}
  
  .news-list{padding-top:10px}
  .news-list .good{padding:12px}
  .news-list .good img{width:23vw;height:16vw}
  .news-list .good .info{width:calc(100% - 23vw);padding:6px 0 6px 20px}
  .news-list ul{margin:20px auto 30px}
  .news-list li{padding:12px}
  .page-banner .common{top:50%}
  .page-banner .common strong{font-size:1.5rem}
  .page-banner .common p{font-size:1rem}
  .page-banner .common:after{display:none}
  .detail-banner{height:auto;}
  
}
@media (max-width:910px){
	.detail-banner{}
	.detail-banner .goods-img{ float:none; margin:0px auto;width:70%; margin-bottom:5%;}
	.flexslider{ height:auto; margin-bottom:15px; }
	.detail-banner .info{width:500px; float:none;margin:0px auto; padding-top:0px;}
	.detail-banner .info h1{ margin-top:3%;}
	.header .right{ display:none;}
	.ui-menu-btn{ display:block;}
}
@media (max-width:860px){
	  .product-type li{ width:25%;}
	  .product-type li:nth-child(8):after,
.product-type li:last-child:after{content:'|'}
.product-type li:nth-child(4n):after{content:''}
}
@media (max-width:820px){
	.page-contact{margin:20px auto; background:#fff;}
  .page-contact .info{width:100%;float:none;padding:20px}
  .page-contact .info ul{margin:9px 0}
  .page-contact .info li{padding:9px 0;font-size:.875rem}
  .page-contact .info strong{padding:0 9px}
  .detail-banner .info{width:95%; margin:0px auto} 
  .detail-banner .info .nr{ line-height:1.5;}
  .detail-banner .info h1{ font-size:1.4rem;}

	}
@media (max-width:768px){
  .header .logo img{width:200px}
  .header .tel{font-size:1.4rem}
  .header .nav li{padding:0 10px}
  .product-type li{padding:6px 0}
  .product-type li a{font-size:.75rem}
  .product-type li a{font-size:.75rem}
  .product-type li:after{display:none}
  .title-1 strong{font-size:1.5rem}
  .title-2 strong{font-size:1.5rem}  
  .title-3 strong{font-size:1.5rem}
  .scene-list li{width:49%;margin:0 2% 20px 0}
  .scene-list li:nth-child(odd){margin-right:2%}
  .scene-list li:nth-child(even){margin-right:0}
  .scene-list li .photo img{height:30vw}
  .home-call{padding:20px 0 50px;margin-top:30px}
  .home-call h2{font-size:1.2rem}
  .home-call input[type=text]{margin:30px auto;width:80%;padding:10px 9px;font-size:1rem}
  .home-call input[type=submit]{width:50%;padding:10px 0;font-size:.875rem}
  .footer .f-nav{float:none;width:100%}
  .footer .f-nav h3{margin-right:0}
  .footer .f-contact{float:none;width:100%;margin:12px 0 12px}
  .footer .f-contact p{letter-spacing:0}
  .footer .f-call{float:none;width:100%}
  .footer .f-call h4{font-size:1.5rem;text-align:center}
  .footer .f-call h5{font-size:1rem;text-align:center;padding-bottom:9px}
  .footer .f-call h6{font-size:.875rem}
  .fixed-r{display:none}
  .news-list .good{padding:12px 9px}
  .news-list .good .info{padding-left:15px}
  .news-list .good .info a{font-size:1rem}
  .news-list .good .info p{font-size:.75rem}
  .news-list li{padding:14px 9px}
  .news-list li .date{width:100px}
  .news-list li .date strong{font-size:2rem}
  .news-list li .date span{font-size:1rem}
  .news-list li .info{width:calc(100% - 100px);padding:6px 0}
  .news-list li .info a{font-size:.875rem}
  .news-list li .info p{font-size:.75rem; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
  .page-banner .common strong{font-size:1.2rem}
  .page-banner .common p{font-size:.75rem}
  .case-list li{width:49%;margin-bottom:20px}
  .case-list .image{height:16vw}
  .case-list .name{font-size:.75rem}
  .case-list li:nth-child(odd){margin-right:2%}
  .case-list li:nth-child(even){margin-right:0}
  .case-list .title-photo{margin:20px auto}
  .case-type li a{font-size:.75rem}
  
  .detail-type li{font-size:.875rem}
  .detail-title{font-size:1rem;margin:30px auto}
  .detail-movie video{width:100%;height:auto}
  .detail-intro h3{font-size:.875rem}
  .detail-banner{height:auto}
  .detail-banner .goods-img{margin:0px auto 20px}
  .detail-banner .gallery-top{height:40vw}
  .detail-banner .gallery-thumbs{height:90px}
  .detail-banner .swiper-button-next,
  .detail-banner .swiper-button-prev{bottom:20px}
  .detail-banner .swiper-pagination{width:100%;bottom:0;}
  .home-m-call h2{ font-size:1.4rem;}
  .home-m-call input[type=text]{ width:90%; margin:20px auto;font-size: 1rem;    padding: 10px 9px;}
  .home-m-call input[type=submit] { 
    width: 200px;
    padding: 10px 0;
    font-size: 1rem;
}
}
@media (max-width:650px){
	.header .tel,
  .home-banner .text p,.header .nav{display:none} 
  .container_detail, .container{ width:95%;}
  .detail-intro p{ font-size:0.8rem;}
  .detail-title{ font-size:1.2rem;}
  .detail-banner .info .tel strong{ font-size:1.6rem;}
}
@media (max-width:600px){
	.detail-banner{ padding-top:90px;}
.header{ padding-top:0px;}
  .header .logo img{width:130px}  
  .home-banner .text{top:55%}
  .home-banner .text h3,
  .home-banner .text h4{display:none}
  .product-type{margin-top:20px}

  .title-1{margin:20px 0 30px}
  .title-1 strong{font-size:1.2rem}
  .title-2{margin:20px 0 30px}
  .title-2 strong{font-size:1.2rem}  
  .title-3{margin:20px 0 30px}
  .title-3 strong{font-size:1.2rem}
  .product-list li {width:100%;margin-right:0}
  .product-list li .photo{height:60vw;width:80%;margin:0 auto}
  .scene-list li .name{font-size:.75rem}
  .home-case li{height:14vw}
  .news-list li .date{width:60px}
  .news-list li .date strong{font-size:1.2rem;padding-top:2px}
  .news-list li .date span{font-size:1rem}
  .news-list li .info{width:calc(100% - 60px);padding:6px 0}
  .news-list .good .info p,
  .news-list li .info p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .detail-type li{font-size:.75rem}
  .swiper-button-next,.swiper-button-prev{ display:none;}
  .home-call input[type=text]{ font-size:0.8rem;}
}

@media screen and  (max-width:480px){
	.detail-banner .goods-img{width:100%;}
	.footer .f-nav li{width:auto; margin:9px 10px 0 0;}
}
@media screen and (max-width: 359px){
	.copyright{ font-size:12px;}
	.product-type li{ width:33.3%;}
	 
}

/* 11-05 */
.cpad {padding-top: 85px;}